<script module lang="ts">
    import { defineMeta } from "@storybook/addon-svelte-csf";
    import BothSide from "./BothSide.svelte";
    import { fn } from "storybook/test";
    import { _ } from "svelte-i18n";

    // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
    const { Story } = defineMeta({
        title: "Components/Layout/BothSide",
        component: BothSide,
        tags: ["autodocs"],
        argTypes: {},
        args: {},
    });
</script>

<Story name="Dir" args={{ dir: "h" }}>
    {#snippet template(args)}
        <BothSide {...args}>
            <div class="space-item"></div>
            <div class="space-item"></div>
        </BothSide>
    {/snippet}
</Story>
